<template>
  <div class="about">
    <h1>这是一个空白页面</h1>
    <h2>大量的特殊配置请参考router.js的about路由配置</h2>
    <div style="padding: 40px; height: 2000px">
      <p>以下是通过异步请求回来的数据：</p>
      <div>
        {{ JSON.stringify(returnData) }}
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      returnData: {}
    }
  },
  mounted() {
    this.getData()
  },
  methods: {
    getData() {
      this.$showLoading('我是另外需要显示的loading文字')

      this.$sdk
        .request({
          url: 'http://www.mocky.io/v2/5d0238573100005e00ab2dac'
        })
        .then(res => {
          this.returnData = res
        })
    }
  }
}
</script>

<style lang="scss" scoped>
.about {
  background-color: #fff;
}
</style>
